<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap-theme.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/monitor.css}"/>
    <script type="text/javascript" th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/jquery-ui-jqLoding.js}"></script>
    <script type="text/javascript" th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/webjars/angularjs/1.5.5/angular.min.js}"></script>
    <script type="text/javascript" th:src="@{/webjars/angularjs/1.5.5/angular-resource.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/echarts.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/bootbox.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/Util.js}"></script>
    <script type="text/javascript" th:src="@{/js/monitor/MonitorModule.js}"></script>
    <script type="text/javascript" th:src="@{/js/monitor/MonitorService.js}"></script>
    <script type="text/javascript" th:src="@{/js/monitor/MonitorController.js}"></script>
    <script type="text/javascript" th:src="@{/js/systemConfig/SystemConfigService.js(v=202112301030)}"></script>
    <script type="text/javascript" th:src="@{/js/core/CoreService.js}"></script>
    <script type="text/javascript" th:src="@{/js/config/interceptor.js}"></script>
</head>
<body ng-app="app">
<div class="div_content" ng-controller="monitorCtrl" ng-init="init()">
    <div class="monitor-content" >
        <div class="monitor">
            <!-- AppUpload -->
            <div class="col-md-2">
                <div class="monitor-title normal" ng-if="monitor.appUpload.status == 'NORMAL'">
                    <span>AppUpload-舱单拆解</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="1">操作</span>
                </div>
                <div class="monitor-title abnormal" ng-if="monitor.appUpload.status == 'ABNORMAL'">
                    <span style="float: left">AppUpload-舱单拆解</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="1">操作</span>
                </div>
                <div class="monitor-detail">
                    <table style="line-height: 40px;margin-top: 5px">
                        <tr>
                            <td>
                                <span>舱单拆解：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.appUpload.loadsheetStatus == true"
                                     th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.appUpload.loadsheetStatus == false"
                                     th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('appupload_loadsheet')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>舱单失败率(5min)：</span>
                            </td>
                            <td>
                                <span>{{ monitor.appUpload.failureRate }}%</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>NTP：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.appUpload.ntpStatus == true" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.appUpload.ntpStatus == false" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('appupload_ntp')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>NTP时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.appUpload.localDateTime }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>应用服务器时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.appUpload.remoteDateTime }}({{ monitor.appUpload.minutesBetween
                                    }})</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- MsgUpCenter -->
            <div class="col-md-2">
                <div class="monitor-title normal" ng-if="monitor.msgUpCenter.status == 'NORMAL'">
                    <span>MsgUpCenter-转报中心</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="2">操作</span>
                </div>
                <div class="monitor-title abnormal" ng-if="monitor.msgUpCenter.status == 'ABNORMAL'">
                    <span>MsgUpCenter-转报中心</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="2">操作</span>
                </div>
                <div class="monitor-detail">
                    <table style="line-height: 40px;margin-top: 5px">
                        <tr>
                            <td>
                                <span>ACARS接收：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.msgUpCenter.uplinkStatus == true"
                                     th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.msgUpCenter.uplinkStatus == false"
                                     th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('msgupcenter_downlink')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>ACARS发送：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.msgUpCenter.downlinkStatus == true"
                                     th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.msgUpCenter.downlinkStatus == false"
                                     th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('msgupcenter_uplink')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>NTP：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.msgUpCenter.ntpStatus == true" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.msgUpCenter.ntpStatus == false" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('msgupcenter_ntp')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>NTP时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.msgUpCenter.localDateTime }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>应用服务器时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.msgUpCenter.remoteDateTime }}({{ monitor.msgUpCenter.minutesBetween
                                    }})</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- BGS -->
            <div class="col-md-2">
                <div class="monitor-title normal" ng-if="monitor.bgs.status == 'NORMAL'">
                    <span>BGS</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="3">操作</span>
                </div>
                <div class="monitor-title warning" ng-if="monitor.bgs.status == 'WARNING'">
                    <span>BGS</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="3">操作</span>
                </div>
                <div class="monitor-title abnormal" ng-if="monitor.bgs.status == 'ABNORMAL'">
                    <span>BGS</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="3">操作</span>
                </div>
                <div class="monitor-detail">
                    <table>
                        <tr>
                            <td>
                                <span>BGS-MQ：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.bgs.mqStatus == true" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.bgs.mqStatus == false" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('bgs_mq')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>AGS：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.bgs.agsStatus == true" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.bgs.agsStatus == false" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('bgs_ags')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>BGS-Uplink：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.bgs.uplinkStatus == 'NORMAL'" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.bgs.uplinkStatus == 'WARNING'" th:src="@{/pic/monitor/yellow.png}"/>
                                <img ng-if="monitor.bgs.uplinkStatus == 'ABNORMAL'" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('bgs_uplink')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>最新报文时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.bgs.uplinkUpdateTime }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>BGS-Downlink：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.bgs.downlinkStatus == 'NORMAL'" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.bgs.downlinkStatus == 'WARNING'"
                                     th:src="@{/pic/monitor/yellow.png}"/>
                                <img ng-if="monitor.bgs.downlinkStatus == 'ABNORMAL'" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('bgs_downlink')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>最新报文时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.bgs.downlinkUpdateTime }}</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- 舱单抓取程序 -->
            <div class="col-md-2">
                <div class="monitor-title normal" ng-if="monitor.forwarder.status == 'NORMAL'">
                    <span>舱单抓取程序</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal"
                          data-whatever="4">操作</span>

                </div>
                <div class="monitor-title warning" ng-if="monitor.forwarder.status == 'WARNING'">
                    <span>舱单抓取程序</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="4">操作</span>

                </div>
                <div class="monitor-title abnormal" ng-if="monitor.forwarder.status == 'ABNORMAL'">
                    <span>舱单抓取程序</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="4">操作</span>

                </div>
                <div class="monitor-detail">
                    <table style="line-height: 30px;margin-top: 5px">
                        <tr>
                            <td>
                                <span>{{monitor.forwarder.firstHost}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>本地接口：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.forwarder.firstProgramUp" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="!monitor.forwarder.firstProgramUp" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('forwarder_firstporgramup')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>航旅接口：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.forwarder.firstUmeInterfaceUp" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="!monitor.forwarder.firstUmeInterfaceUp" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('forwarder_firstumeinterfaceup')">（告警已忽略）</span>
                            </td>
                        </tr>
                    </table>
                    <table style="line-height: 30px;margin-top: 5px">
                        <tr>
                            <td>
                                <span>{{monitor.forwarder.secondHost}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>本地接口：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.forwarder.secondProgramUp" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="!monitor.forwarder.secondProgramUp" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('forwarder_secondporgramup')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>航旅接口：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.forwarder.secondUmeInterfaceUp" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="!monitor.forwarder.secondUmeInterfaceUp" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('forwarder_secondumeinterfaceup')">（告警已忽略）</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- 数据库 -->
            <div class="col-md-4">
                <div class="monitor-title normal" ng-if="monitor.database.status == 'NORMAL'">
                    <span>数据库</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="5">操作</span>

                </div>
                <div class="monitor-title warning" ng-if="monitor.database.status == 'WARNING'">
                    <span>数据库</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="5">操作</span>

                </div>
                <div class="monitor-title abnormal" ng-if="monitor.database.status == 'ABNORMAL'">
                    <span>数据库</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="5">操作</span>

                </div>
                <div class="monitor-detail">
                    <table>
                        <tr>
                            <td>
                                <span>主数据库：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.database.masterStatus == 'NORMAL'"
                                     th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.database.masterStatus == 'WARNING'"
                                     th:src="@{/pic/monitor/yellow.png}"/>
                                <img ng-if="monitor.database.masterStatus == 'ABNORMAL'"
                                     th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('database_master')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>IP：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.masterIp }}</span>
                            </td>
                            <td>
                                <span>进程比：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.masterActiveProcess }}/{{ monitor.database.masterMaxProcess
                                    }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>表空间使用率：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.masterTablespaceUsage }}%</span>
                            </td>
                            <td>
                                <span>磁盘空间使用率：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.masterDiskUsage }}%</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>备数据库：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.database.slaveStatus == 'NORMAL'"
                                     th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.database.slaveStatus == 'WARNING'"
                                     th:src="@{/pic/monitor/yellow.png}"/>
                                <img ng-if="monitor.database.slaveStatus == 'ABNORMAL'"
                                     th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('database_slave')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>IP：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.slaveIp }}</span>
                            </td>
                            <td>
                                <span>进程比：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.slaveActiveProcess }}/{{ monitor.database.slaveMaxProcess
                                    }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>表空间使用率：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.slaveTablespaceUsage }}%</span>
                            </td>
                            <td>
                                <span>磁盘空间使用率：</span>
                            </td>
                            <td>
                                <span>{{ monitor.database.slaveDiskUsage }}%</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div style="clear:both"></div>
        </div>

        <div class="monitor">
            <!-- 报文变化折线图 -->
            <div class="col-md-4">
                <div class="echartscss" id="line" style="width: 600px; height: 260px;">

                </div>
            </div>
            <!-- 舱单拆分失败率饼图 -->
            <div class="col-md-3">
                <div class="echartscss" id="pie" style="width: 450px; height: 260px;">

                </div>
            </div>
            <!-- MQ -->
            <div class="col-md-3">
                <div class="monitor-title normal" ng-if="monitor.mq.status == 'NORMAL'">
                    <span>MQ</span>
                    <span>IP地址：{{ monitor.mq.ip }} </span>
                    <span ng-if="ignoreAlarmDisplay.includes('mq_mq')">（告警已忽略）</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="6">操作</span>

                </div>
                <div class="monitor-title warning" ng-if="monitor.mq.status == 'WARNING'">
                    <span>MQ</span>
                    <span>IP地址：{{ monitor.mq.ip }}</span>
                    <span ng-if="ignoreAlarmDisplay.includes('mq_mq')">（告警已忽略）</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="6">操作</span>

                </div>
                <div class="monitor-title abnormal" ng-if="monitor.mq.status == 'ABNORMAL'">
                    <span>MQ</span>
                    <span>IP地址：{{ monitor.mq.ip }}</span>
                    <span ng-if="ignoreAlarmDisplay.includes('mq_mq')">（告警已忽略）</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="6">操作</span>
                </div>
                <div class="monitor-detail">
                    <table>
                        <tr>
                            <td>
                                <span>MsgUpCenter接收：</span>
                            </td>
                            <td>
                                <span>{{ monitor.mq.uplinkTopic }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>入消息总数：</span>
                            </td>
                            <td>
                                <span>{{ monitor.mq.unlinkTopicEnqueued }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>消费者数量：</span>
                            </td>
                            <td>
                                <span>{{ monitor.mq.uplinkTopicConsumerNum }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>AppUpload接收：</span>
                            </td>
                            <td>
                                <span>{{ monitor.mq.downlinkTopic }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>入消息总数：</span>
                            </td>
                            <td>
                                <span>{{ monitor.mq.downlinkTopicEnqueued }}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>消费者数量：</span>
                            </td>
                            <td>
                                <span>{{ monitor.mq.downlinkTopicConsumerNum }}</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- 航信接口和地服网站 -->
            <div class="col-md-2">
                <div class="monitor-title normal" ng-if="monitor.airInfo.status == 'NORMAL'">
                    <span>舱单数据</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="7">操作</span>
                </div>
                <div class="monitor-title warning" ng-if="monitor.airInfo.status == 'WARNING'">
                    <span>舱单数据</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="7">操作</span>
                </div>
                <div class="monitor-title abnormal" ng-if="monitor.airInfo.status == 'ABNORMAL'">
                    <span>舱单数据</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="7">操作</span>
                </div>
                <div class="monitor-detail" style="height: 110px;">
                    <table>
                        <tr>
                            <td>
                                <span>MQ状态：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.airInfo.mqStatus == true" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.airInfo.mqStatus == false" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('airinfo_mq')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>舱单发送：</span>
                            </td>
                            <td>
                                <img ng-if="monitor.airInfo.topicStatus == true" th:src="@{/pic/monitor/green.png}"/>
                                <img ng-if="monitor.airInfo.topicStatus == false" th:src="@{/pic/monitor/red.png}"/>
                                <span ng-if="ignoreAlarmDisplay.includes('airinfo_msg')">（告警已忽略）</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>无报文时间：</span>
                            </td>
                            <td>
                                <span>{{ monitor.airInfo.noReceiveTime }}min</span>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="monitor-title normal" ng-if="monitor.website.status == 'NORMAL'">
                    <span>地服网站</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="8">操作</span>

                </div>
                <div class="monitor-title warning" ng-if="monitor.website.status == 'WARNING'">
                    <span>地服网站</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="8">操作</span>

                </div>
                <div class="monitor-title abnormal" ng-if="monitor.website.status == 'ABNORMAL'">
                    <span>地服网站</span>
                    <span style="text-decoration: underline; color:white;float: right;margin-right: 10px"
                          data-toggle="modal" data-target="#exampleModal" data-whatever="8">操作</span>
                </div>
                <div class="monitor-detail" style="height: 73px;text-align: center;overflow: hidden;display: flex">
                    <div style=" flex-direction:column;width:50%;display: flex;justify-content:space-evenly; align-content:center">
                        <a ng-if="monitor.website.connectStatus1 == true" title="{{ monitor.website.url1 }}"
                           href="{{ monitor.website.url1 }}" target="_blank">
                            <img style="height: 42px;" th:src="@{/pic/monitor/ie_green.png}"/>
                        </a>
                        <a ng-if="monitor.website.connectStatus1 == false" title="{{ monitor.website.url1 }}"
                           href="{{ monitor.website.url1 }}" target="_blank">
                            <img style="height: 42px;" th:src="@{/pic/monitor/ie_red.png}"/>
                        </a>
                        <div ng-if="ignoreAlarmDisplay.includes('website_web1')"
                             style="line-height: 12px;font-size: 12px">（告警已忽略）
                        </div>
                    </div>
                    <div style="height: 73px;width: 1px;background-color: white "></div>
                    <div style=" flex-direction:column;width:50%;display: flex;justify-content:space-evenly; align-content:center">
                        <a ng-if="monitor.website.connectStatus2 == true" title="{{ monitor.website.url2 }}"
                           href="{{ monitor.website.url2 }}" target="_blank">
                            <img style="height: 42px;" th:src="@{/pic/monitor/ie_green.png}"/>
                        </a>
                        <a ng-if="monitor.website.connectStatus2 == false" title="{{ monitor.website.url2 }}"
                           href="{{ monitor.website.url2 }}" target="_blank">
                            <img style="height: 42px;" th:src="@{/pic/monitor/ie_red.png}"/>
                        </a>
                        <div ng-if="ignoreAlarmDisplay.includes('website_web2')"
                             style="line-height: 12px;font-size: 12px">（告警已忽略）
                        </div>
                    </div>
                </div>

            </div>
            <div style="clear:both"></div>
        </div>
        <!--服务监控弹窗 [2024-6-22：杨家兴：增加相关服务重启功能、增加运维人员信息详情、增加应急方案详情]-->
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"  data-backdrop="static">
            <div class="modal-dialog-big" role="document" style="border: 1px solid #ffffff;color: white" >
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="exampleModalLabel">New message</h4>
                    </div>

                    <span ng-show="'database'!=showFlag&&'airInfo'!=showFlag"
                          style="margin-left: 30px ;position:relative;top: 16px;z-index: 10;background-color: #23252c">操作</span>

                    <div ng-show="'database'!=showFlag&&'airInfo'!=showFlag" class="modal-body"
                         style="display: flex; justify-content:space-around; flex-wrap:wrap;align-content:space-around;width:95%;border: 1px solid #ffffff;margin:1px auto;">
                        <!--重启AppUpload-舱单拆解-->
                        <div style="display: flex; justify-content:space-around" ng-show="'appUpload'==showFlag">
                            <span style="line-height:34px;width: 200px">舱单拆解服务</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('AppUpload','AppUpload-舱单拆解')">重启</button></span>
                        </div>

                        <!--重启MsgUpCenter-转报中心-->
                        <div style="display: flex; justify-content:space-around" ng-show="'msgUpCenter'==showFlag">
                            <span style="line-height:34px;width: 200px">转报中心服务</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('MsgUpCenter','MsgUpCenter-转报中心')">重启</button></span>
                        </div>

                        <!--重启bgs-->
                        <div style="display: flex; justify-content:space-around;margin: 10px auto" ng-show="'bgs'==showFlag">
                            <span style="line-height:34px;width: 200px">BGS</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('BGS','BGS')">重启</button></span>
                        </div>
                        <div style="display: flex; justify-content:space-around;margin: 10px auto" ng-show="'bgs'==showFlag">
                            <span style="line-height:34px;width: 200px">BGS-MQ</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('BGS-MQ','BGS-MQ')">重启</button></span>
                        </div>


                        <!--舱单抓取程序-->
                        <div style="display: flex; justify-content:space-around;margin: 10px auto"
                             ng-show="'forwarder'==showFlag">
                            <span style="line-height:34px;width: 200px">舱单抓取程序1</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('forwarder1','舱单抓取程序1')">重启</button></span>
                        </div>
                        <div style="display: flex; justify-content:space-around;margin: 10px auto"
                             ng-show="'forwarder'==showFlag">
                            <span style="line-height:34px;width: 200px">舱单抓取程序2</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('forwarder2','舱单抓取程序2')">重启</button></span>
                        </div>

                        <!--重启mq-->
                        <div style="display: flex; justify-content:space-around" ng-show="'mq'==showFlag">
                            <span style="line-height:34px;width: 200px">本地MQ</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px" ng-click="restartAll('MQ','MQ')">重启</button></span>
                        </div>

                        <!--重启地服网站-->
                        <div style="display: flex; justify-content:space-around;margin: 10px auto"
                             ng-show="'website'==showFlag">
                            <span style="line-height:34px;width: 200px">地服网站1</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('webside1','地服网站1')">重启</button></span>
                        </div>
                        <div style="display: flex; justify-content:space-around;margin: 10px auto"
                             ng-show="'website'==showFlag">
                            <span style="line-height:34px;width: 200px">地服网站2</span>
                            <span><button type="button" th:disabled="${session.user.role == 1 && !session.roleDisable}"
                                          class="btn btn-success" style="width: 150px"
                                          ng-click="restartAll('webside2','地服网站2')">重启</button></span>
                        </div>
                    </div>
                    <span style="margin-left: 30px ;position:relative;top: 16px;z-index: 10;background-color: #23252c">信息</span>

                    <div class="modal-body" style="width:95%;border: 1px solid #ffffff;margin:1px auto">
                        <form class="myinput">
                            <div class="form-group" style="display: flex">
                                <label for="recipient-name" class="control-label"
                                       style="width: 200px">运维人员信息:</label>
                                <textarea class="form-control" style="height: 80px" id="recipient-name"
                                          ng-model="targetDialog.remark.personnel" maxlength="500"></textarea>
                                <small style="text-align: center; width:150px;position: absolute;line-height: 0px;top:50px">(已输入 {{ targetDialog.remark.personnel.length || 0 }} / 500 字)</small>
                            </div>
                            <div class="form-group" style="display: flex">
                                <label for="message-text" class="control-label" style="width: 200px">应急方案:</label>
                                <textarea class="form-control" style="height: 80px" id="message-text"
                                          ng-model="targetDialog.remark.emergencyplans"  maxlength="500"></textarea>
                                <small style="text-align: center; width:150px;position: absolute;line-height: 0px;top:146px">(已输入 {{ targetDialog.remark.emergencyplans.length || 0 }} / 500 字)</small>
                            </div>
                            <div class="form-group" style="display: flex">
                                <div style="width: 350px"></div>
                                <div>
                                    <button type="button" class="btn btn-primary" style="width: 150px"
                                            ng-click="clickSaveremark()">保存
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <span style="margin-left: 10px">操作结果</span>
                    <div class="modal-body" id="operateResult" style="width:95%;border: 1px solid #ffffff;margin:5px auto;height: 160px;color: white;text-align: left;margin-bottom: 20px;
    background-color: #202e44;">
                        {{operateResult}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="log-content">
        <form class="form-inline float-right">
            <div class="input-group">
                <ol class="breadcrumb">
                    <li class="active">显示时间：</li>
                </ol>
            </div>
            <div class="form-group">
                <!--[2024-06-20：张丽娟：修改日志显示条数，将日志显示条数按照时间段显示]-->
                <select ng-model="count" class="form-control" ng-init="count='24'" ng-change="changeLogCount(count)">
                    <option value='24'>24小时</option>
                    <option value='72'>3天</option>
                    <option value='168'>1周</option>
                </select>
            </div>
        </form>
        <table class="table table-bordered table-head">
            <thead>
            <tr>
                <th width="150px">状态</th>
                <th width="300px">时间</th>
                <th width="150px">服务名</th>
                <th>日志</th>
            </tr>
            </thead>
        </table>
        <div style="height: 65%;overflow: auto;">
            <table class="table table-bordered table-striped table-hover">
                <tbody>
                <tr ng-repeat="log in serverLogs">
                    <td width="150px">
                        <div ng-if="log.type == 'INFO'">
                            <img data-placement="right" data-toggle="tooltip" th:src="@{/pic/log1.png}"/>
                        </div>
                        <div ng-if="log.type == 'WARN'">
                            <img data-placement="right" data-toggle="tooltip" th:src="@{/pic/log2.png}"/>
                        </div>
                        <div ng-if="log.type == 'ERROR'">
                            <img data-placement="right" data-toggle="tooltip" th:src="@{/pic/log3.png}"/>
                        </div>
                    </td>
                    <td width="300px">{{log.createTime }}</td>
                    <td width="150px">{{log.name }}</td>
                    <td class="bubbling" data-toggle="tooltip" data-placement="top" title="{{log.content}}">
                        {{log.content }}
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--弹框告警-->
    <div th:include="alarm :: alarmModalDiv"></div>
</div>
</body>
</html>
